<template>
	<view class="address flex-column-space-between">
		<view class="address1 flex-row-space-between">
			<view class=" flex1">
				<view class="contact" v-if="!address.contact && isSelect">设置收货地址</view>
				<view v-else>
					<view class="contact">
						 <text style="margin-right: 26rpx;">{{address.contact}}</text>
						 <text >{{address.telephone}}</text>
					</view>
				   <view class="province">
				       {{address.province}} {{address.city}} {{address.district}} {{address.address}}
				   </view>
				</view>
			</view>
			 <image  class="icon-sm" src="/static/images/arrow_right.png"></image>
		</view>
		<image class="addressLine"  src="../../static/lease/addressLine.png" mode=""></image>

			
	</view>

</template>

<script>
	export default {
		props:{
			isSelect: {
				type: Boolean,
				default: true
			},
			address: {
				type: [Object, Array],
				default: () => ({})
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.address {
	margin: 20rpx;

 background: #FFFFFF;
 border-radius:11rpx;
 opacity: 1;
}
.address1{
	padding:  20rpx;

}
.addressLine{
	width: 100%;
	height: 6rpx;
	 border-radius:11rpx;
	image{
		width: 100%;
		height: 100%;
		 border-radius:11rpx;
	}
}
.contact{
	font-size: 31rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 550;
	color: #333333;
}
.province{
	margin-top: 14rpx;
	font-size: 27rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
}

</style>
